<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <from lang="zh-CN">
            <head>
                <meta charset="utf-8">
                <meta http-equiv="X-UA-Compatible" content="IE=edge">
                <meta name="viewport" content="width=device-width, initial-scale=1">
                <title>北单列表</title>
                <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
                <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
                <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>

                <style type="text/css">
                    .box {
                        width: 800px;
                        margin: 50px auto;
                        border: 1px solid #DCDFE6;
                        border-radius: 20px;
                        padding: 20px;
                    }

                    .box:hover {
                        box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
                    }

                    .box-title {
                        text-align: center;
                    }

                    .box-table {
                        margin-top: 20px;
                    }
                    .box-nav{
                        text-align: center;
                    }
                </style>
            </head>
            <body>
                <!--创建一个表单-->
                <input type="hidden" name="_method" value="delete">
                <div class="box">
                    <div class="form-group">
                        <table class="table table-bordered box-table">
                            <tr>
                                <th>编号</th>
                                <th>商品名称</th>
                                <th>商品价格</th>
                                <th>品牌</th>
                                <th>状态</th>
                                <th>商铺</th>
                                <th>操作</th>
                            </tr>
                            <tr th:each="work : ${workorder}">
                                <td th:text="${work.goodsid}"></td>
                                <td th:text="${work.goodsname}"></td>
                                <td th:text="${work.goodsprice}"></td>
                                <td th:text="${work.typename}"></td>
                                <td th:text="${work.status}"></td>
                                <td th:text="${work.goodsspname}"></td>
                                <td> <!--class="btn btn-sm btn-danger deleteBtn"-->
                                    <!--1 给当前按钮绑定样式deleteBtn
                  2 给按钮绑定自定义属性-->
                                    <a th:href="@{/del(id=${work.goodsid})}">删除</a>
                                    <a th:href="@{/edit(id=${work.goodsid})}">修改</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
                    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
                </div>
                </form>
            </body>
        </from>
    </body>
</html>
